Selecting elements in the Document window

Typically, you click an element to select it. If an element is invisible, you may need to make it visible before you can select it.

Use these techniques to select elements:

To select a visible element in the Document window, drag across the element or click the element.
To select an invisible element, choose View > Invisible Elements (if it isn't already selected) and then click the element's marker. See About invisible elements.
Some objects appear on the page in a place other than where their code is inserted. For example, a layer can be anywhere on the page, but the code defining the layer is in a fixed location. Dreamweaver displays markers in the Document window to show the location of the code for invisible elements.
To select a complete tag (including its contents, if any), click a tag in the tag selector at the bottom left of the Document window. The tag selector always shows the tags that surround the current selection or insertion point location.
For example, if you have defined a link for an image, the HTML code in the HTML Source inspector would look something like this:
<a href="http://www.macromedia.com"><img src="agraphic.gif"></a> 
Clicking the image in the Document window selects the <img> tag in the tag selector, which corresponds to selecting <img src="agraphic.gif"> in the HTML Source inspector.
To select the link, click the image in the Document window and then click the <a> that appears in the tag selector, to the left of <img>.

To see the HTML code associated with the selected text or object, choose Window > HTML Source to open the HTML Source inspector. (Selections you make in the HTML Source inspector are mirrored in the Document window.)